<template lang="pug">
div.real-time-card
  template(v-for="(item, index) in dataset")
    StaticCompareView(:itemData="item" :valueSize="40")
    div.divide-line(v-if="index !== (dataset.length - 1)" :key="`dl_${index}`")
</template>

<script>
export default {
  name: "RealTimeCard",
  props: {
    dataset: {
      type: Array,
      default() {
        return []
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.real-time-card{
  background: rgba(0, 73, 104, 0.19);
  padding: rem(20) rem(40);
  display: flex;
  .divide-line{
    @include size(rem(2));
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 rem(55);
  }
}
</style>
